<!DOCTYPE html>
<html>
<head>
    <title>会议管理</title>
    #parse("sys/header.html")


</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div id="queryDiv" class="queryDiv">
            <div class="grid-btn">
                <div class="form-group col-sm-2 keyword">
                    <input type="text" class="form-control" id="keyword" @keyup.enter="query"
                           placeholder="会议ID / 工单">
                </div>
                <a class="btn btn-primary" @click="query">查询</a>

                #if($shiro.hasPermission("glass/videostream:save"))
                <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
                #end
                #if($shiro.hasPermission("glass/videostream:update"))
                <a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
                #end
                #if($shiro.hasPermission("glass/videostream:delete"))
                <a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
                #end
            </div>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">
            <div class="form-group">
                <div class="col-sm-2 control-label">流水号</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="videostream.callflowid" placeholder="流水号"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">会议ID</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="videostream.confid" placeholder="会议ID"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">视频地址</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="videostream.recordurl" placeholder="视频地址"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">工单ID</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="videostream.orderid" placeholder="工单ID"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">公司ID</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="videostream.companyid" placeholder="公司ID"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">拨号模式</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="videostream.callmode" placeholder="拨号模式"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">创建时间</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="videostream.createdtime" placeholder="创建时间"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">修改时间</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="videostream.editedtime" placeholder="修改时间"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">缩略图</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="videostream.thumbnail" placeholder="缩略图"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">会议名称</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="videostream.confname" placeholder="会议名称"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">会议结果</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="videostream.result" placeholder="会议结果"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label"></div>
                <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>

    <!--controls 控制面板,poster预览图 autoplay 自动播放 preload 预先加载-->
    <div id="videoDiv">
        <video id="videoId" class="video-js vjs-styles-dimensions vjs-big-play-centered"
               poster="${rc.contextPath}/img/defaultVideo.jpg">
        </video>
    </div>
</div>
</body>

<script src="${rc.contextPath}/statics/plugins/artdialog/dialog-min.js"></script>
<link rel="stylesheet" href="${rc.contextPath}/statics/plugins/artdialog/ui.dialog.css">
<link href="${rc.contextPath}/statics/plugins/videoJs/video-js.5.8.8.css" rel="stylesheet">
<script src="${rc.contextPath}/statics/plugins/videoJs/video5.8.8.js"></script>
<!--<link href="http://vjs.zencdn.net/5.8.8/video-js.css" rel="stylesheet">-->
<!--<script src="http://vjs.zencdn.net/5.8.8/video.js"></script>-->
<script src="${rc.contextPath}/js/glass/videostream/videostream.js?_${date.systemTime}"></script>

<!-- If you'd like to support IE8 -->
<!--<script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>-->

<script>
    videojs.options.flash.swf = "${rc.contextPath}/statics/plugins/videoJs/video-js.swf";
</script>
</html>